<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>16_定位-固定定位-基本使用</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }


            /* div {
                position: fixed;
                right: 0;
                bottom: 0;
                width: 200px;
                height: 200px;
                background-color: aqua;
            } */

            img {
                position: fixed;
                right: 0;
                bottom: 0;
                width: 200px;
                height: 200px;
            }
        </style>
    </head>
    <body style="height: 3000px;">
        <!-- <div></div> -->

        <a href="http://www.atguigu.com">
            <img src="./img/01.jpg" alt="">
        </a>

        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, hic excepturi asperiores animi nam quis enim labore harum tempora doloribus molestiae minima quo, voluptas fugiat nostrum eius vitae nisi sequi.</p>
    </body>
</html>